<template>
    <div  class="module-body">
        <el-tabs v-model="activeName">
            <el-tab-pane label="网站设置" name="first">
                <el-form ref="form" :model="systemForm" label-width="120px" size="small">
                    <el-form-item label="网站名称">
                        <el-input v-model="systemForm.webname"></el-input>
                    </el-form-item>
                    <el-form-item label="网站备案号">
                        <el-input v-model="systemForm.webNo"></el-input>
                    </el-form-item>
                    <el-form-item label="网站关键字">
                        <el-input v-model="systemForm.webkeywords"></el-input>
                    </el-form-item>
                    <el-form-item label="网站描述">
                        <el-input v-model="systemForm.webdesc"></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary">保存</el-button>
                    </el-form-item>
                </el-form>
            </el-tab-pane>
            <el-tab-pane label="评论设置" name="second">评论设置</el-tab-pane>
            <el-tab-pane label="前台配置" name="third">前台配置</el-tab-pane>
            <el-tab-pane label="定时任务补偿" name="fourth">定时任务</el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
export default {
    name: "Settings",
    data() {
        return {
            activeName: 'first',
            systemForm: [
                {
                    webname: 'SD的小巷',
                    webNo: 'SD的小巷',
                    webkeywords: 'SD的小巷',
                    webdesc: '施鼎'
                }
            ]
        }
    }
}
</script>

<style lang="scss" scoped>
.el-input {
  width: 400px;
}
</style>


